<div xmlns="http://www.w3.org/1999/xhtml"
	 xmlns:h="http://java.sun.com/jsf/html" 
	 xmlns:p="http://primefaces.org/ui"
	 xmlns:f="http://java.sun.com/jsf/core"
	 xmlns:pe="http://primefaces.org/ui/extensions"
	 >
	
 <style type="text/css">
	 .fieldsetGral{
	 	width:600px;
	 }	
	 
	 .ul1{
	 	margin-left:10px;
	 }
	 
	 .texBox1{
	 	width:400px;
	 }
	 
	 .textBox{
	 	width:210px;
	 }
	 .listaBotones{
	 	margin-left:50px;
	 	margin-top:10px;
	 	margin-bottom:10px;
	 }
	 
	 .espacioBoton{
	 	margin-left:10px;
	 }
	 
	 .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	    background: -moz-linear-gradient(center top , rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0)) repeat scroll 0 0 #C4C4C4;
	    border: 1px solid #A8A8A8;
	    color: #4F4F4F;
	    font-size: 12px;
	    font-weight: bold;
	    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
	}
	.ui-dialog .ui-dialog-title {
	    float: left;
	    font-size: 13px;
	    margin: 0.3em 16px 0.1em 0;
	}
	.ui-dialog .ui-dialog-content {
		font-size: 15px;
	}
	.ui-messages-info, .ui-messages-warn, .ui-messages-error, .ui-messages-fatal {
	    border: 1px solid;
	    font-size: 13px;
	    margin: 10px 0;
	    padding: 10px;
	    width: 584px;
	}
	
	.ui-inputfield, .ui-password, .ui-widget, .ui-state-default, .ui-corner-all, .ui-state-error, 
	.ui-state-hover, .ui-state-focus{
	   font-size: 12px;	   
	}
	
	.ui-state-hover, .ui-state-focus, .ui-inputfield .ui-state-focus, .ui-widget-content .ui-inputfield.ui-state-focus,
	.ui-widget-header .ui-inputfield .ui-state-focus{
	   box-shadow: 0;
	}
	
	.ui-inputfield.ui-state-focus, .ui-widget-content .ui-inputfield.ui-state-focus, .ui-widget-header .ui-inputfield.ui-state-focus {
    	box-shadow: 0 important!;
	}
	
	.ui-inputfield{
	   padding: 1px;
	}
</style>

    <h:form id="m9p2_form" class="frmGral">
		<p:messages id="catUsSistemaMensajes" showDetail="true"/>
		<h2>
			<h:outputText id="catTxtNombreCatalogo" value="Catalogo de Conceptos"></h:outputText>
		</h2>
		<br/>
		<fieldset id="m9p2_field" class="fieldGral fieldsetGral">
			<legend class="lblGral">Captura / edicion de datos</legend>
			
			<table>
			    
			    <tr>
			       <td> <h:outputLabel value="No. de Concepto:" id="m9p2_lblNoConcepto" class="lblGral"/> </td>
			       <td> <p:inputText styleClass="txtGral textBox" id="m9p2_txtNoConcepto" 
			       			maxlength="4" 
			       		/>
			       		<pe:keyFilter for="m9p2_txtNoConcepto" regEx="/[0-9]/" /> 
			       		</td> 
			    </tr>
			    
			    <tr>
			       <td> <h:outputLabel value="Descripcion :" id="m9p2_lblDescripcion" class="lblGral"/> </td>
			       <td> <p:inputText styleClass="txtGral textBox" id="m9p2_lblDescripcion" 
			       			maxlength="80" >
			       			
			            </p:inputText>
			            <pe:keyFilter for="m9p2_txtNombre" 
			            regEx="/[a-zA-Z&#225;&#233;&#237;&#243;&#250;&#241;&#193;&#201;&#205;&#211;&#218;&#209;&#220; ]/" />
			        </td>
			    </tr>
			    
			  
			   <tr>
			       <td> <h:outputLabel value="Interes Bancario?" id="m9p2_lblInteres" class="lblGral"/> </td>
			       <td> <h:selectOneMenu id="m9p2_cmbInteres" >
			       			<f:selectItem itemLabel="Seleccione una opcion" ></f:selectItem>
			       		    <f:selectItem itemLabel="Si" ></f:selectItem>
			       		    <f:selectItem itemLabel="No" ></f:selectItem>
			       		</h:selectOneMenu> 
			       </td>
			    </tr>				 			
			</table>
			
			<ul  class="listaBotones" id="m9p2_ul4">
				<li>
					<p:button id="cat1p1_btnBuscar" value="BUSCAR"	 
						styleClass="espacioBoton butGral" disabled="false" />
					
					<p:button id="cat1p1_btnLimpiar" value="LIMPIAR"  						
						styleClass="espacioBoton butGral" disabled="false" />
					
					<p:button id="cat1p1_btnRegistrar" value="REGISTRAR"	 
						styleClass="espacioBoton butGral"	disabled="false"/>
										
					<p:button id="cat1p1_btnActualizar" value="GUARDAR CAMBIOS" onclick="dlgGuardar.show();" 
						styleClass="espacioBoton butGral"	disabled="false"/>
					
				</li>
			</ul>
	       	
	       	<p:dataTable style="height: 190px; overflow:scroll;" id="dataTable1" 
	       		
	       		paginator="true" rows="10"  
                 paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"  
                 rowsPerPageTemplate="5,10">  
        
        		
	       		 
	  
	        	<p:column headerText="No CONCEPTO"  styleClass="pf-table-columna">  
	            	<h:outputText value="X" />	            	
	        	</p:column>
	        	
	        	<p:column headerText="DESCRIPCION"  styleClass="pf-table-columna">  
	            	<h:outputText value="X" />	            	
	        	</p:column> 
	        	
	        	<p:column headerText="INTERES BANCARIO"  styleClass="pf-table-columna">  
	            	<h:outputText value="X" />	            	
	        	</p:column>    
	        	
	        				
	 		
	 			<p:column  styleClass="pf-table-columna">  
	            	<p:commandLink value="Eliminar" onclick="dlgEliminar.show()" update="@form"> 
	            			
	            		</p:commandLink> 	            		
	            </p:column>
	        	
	        	<p:column  styleClass="pf-table-columna">  
	            	<p:commandLink value="Actualizar"> 	
	            			            		 	            	
	            	</p:commandLink>	        	
	        	</p:column>
	 		
	 		
	 		</p:dataTable>
 			 	
		</fieldset>					
	</h:form>	
</div>